import React,{Component} from 'react';
import {NavLink} from 'react-router-dom';
import CSSModules from 'react-css-modules';
import styles from './VipHome/vip.scss';




 class Navgaitor extends Component {
    render(){
        return <div styleName="vip-home">
        <div styleName="nav">
            <div className=" clearfix wrapper">
                        <div styleName="logo">
                            <img src="/images/vip/zhuiying.png"/>
                        </div>
                        <div styleName="navbar" className="clearfix">
                            <ul>
                                <li styleName="leftmargin"> <NavLink to="/vip" activeClassName="nav-active">首页</NavLink></li>
                                <li><NavLink to="/privilege" activeClassName="nav-active">特权</NavLink></li>
                                <li><NavLink to="/subscribe/0/0/0/0/0/0" activeClassName="nav-active">订阅</NavLink></li>
                                <li><NavLink to="/welfare" activeClassName="nav-active">福利</NavLink></li> 
                            </ul>
                        </div>
                    </div>
        </div>
            

        </div>
    }
}

export default CSSModules(Navgaitor, styles,{allowMultiple:true});
